// {bem_b,bem_e,bem_m,VueAndNvueStyleAttr,when}
@use "./mixin/mixins.scss" as *;
@use './mixin/function.scss' as *;


@import "common/index.scss";


@include bem_b(swiper-indicator) {

		@include bem_e(wrapper) {
			@include flex;

			@include bem_m(line) {
				border-radius: 100px;
				height: 4px;

				&__bar {
					width: 22px;
					height: 4px;
					border-radius: 100px;
					background-color: #FFFFFF;
					transition: transform 0.3s;
				}
			}

			@include bem_e(dot) {
				width: 5px;
				height: 5px;
				border-radius: 100px;
				margin: 0 4px;

				@include bem_m(active) {
					width: 12px;
				}
			}

		}
	}
